
.banner{
  width:100%;
  display: block;
  height:17rem;
  perspective: 1200px;
    -webkit-perspective:1200px;
    -o-perspective:1200px;
    -moz-perspective:1200px; 
    overflow: hidden;
    z-index:1;
}
.banner figure{
  width:100%;
  display: inline;
  white-space: nowrap;
  z-index: 2;
    float:left;
    transform-style: preserve-3d;
    touch-action:pan-x;
}
.banner figure img{
  width:100vw;
  display: inline-block;
}
content{
  z-index:3;
  display: block;
  width:100%;
  position:absolute;
  background-color:white;
}
content section:not(:nth-of-type(2)),
content section:not(:nth-of-type(3)),
content section:not(:nth-of-type(4))
{
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap:nowrap;
  -moz-flex-wrap:nowrap;
  -o-flex-wrap:nowrap;
  justify-content: space-between;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  -o-justify-content:space-between;
  width:94%;
  margin:0px auto;  
}
content .headerline{
  width:94%;
  display:block;
  margin:0px auto;  
}
content .headerline h2{
  font-size: 1.3rem;
  line-height: 3rem;
}
content .headerline p{
  font-size: 1rem;
  line-height: 1.2rem;
  color:rgba(0,0,0,.5);
}
content section:nth-of-type(3),
content section:nth-of-type(4)

{
  width:94%;
  display: block;
  margin:0px auto;  
}
content section:nth-of-type(3) article,
content section:nth-of-type(4) article
{
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -o-flex-wrap:wrap;
  justify-content: space-between;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  -o-justify-content:space-between;
  width:100%;
}
content section:nth-of-type(2){
  margin-top:1rem;
   width:94%;
  margin:0px auto;
   display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -o-flex-wrap:wrap;
  justify-content: space-between;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  -o-justify-content:space-between;  
}
content section:nth-of-type(1) a:not(:first-child){
   width:30%;
   display: inline-block;
   position:relative;
}
content section:nth-of-type(1) a p:nth-of-type(1){
   color:rgba(65,45,200,.8);
   font-size:1.2rem;
   text-align: center;
   line-height: 2rem;
   display: block;
}
content section:nth-of-type(1) a{
  padding:1rem 0px;
}
content section:nth-of-type(1) a p:nth-of-type(2){
  display: block;
   font-size:1rem;
   text-align: center;
   line-height: 1.3rem;
}
content section:nth-of-type(1) a:nth-of-type(1){
   width:39%;
   display: inline-block;
   position:relative;
}
content section:nth-of-type(1) a:nth-of-type(3){
   width:28%;
   display: inline-block;
   position:relative;
}
content section:nth-of-type(1) a:not(:last-child):after{
 content:"\a0";
 border-right:1px solid rgba(0,0,0,.1);
 position:absolute;
 right:0px;
 top:1rem;
 display: inline-block;
 width:2px;
 height:3.5rem;
}
content section:nth-of-type(1) a p span{
   color:rgba(0,0,0,.5);
   font-size:.5rem;
}
content section:nth-of-type(2){
  padding:1.5rem 0px;
}
content section:nth-of-type(2) div{
  display: inline-block;
  width:50%; 
  color:rgba(0,0,0,.5); 
  font-size:1.1rem;
  padding:.3rem 0px;
}
content section:nth-of-type(2) div:nth-of-type(3),
content section:nth-of-type(2) div:nth-of-type(4)
{
 margin-bottom:1rem;
}
content section:nth-of-type(2) div:nth-of-type(4){
  letter-spacing: 1rem;
}
content section:nth-of-type(2) div:nth-of-type(5),
content section:nth-of-type(2) div:nth-of-type(6),
content section:nth-of-type(2) div:nth-of-type(7),
content section:nth-of-type(2) div:nth-of-type(8),
content section:nth-of-type(2) div:nth-of-type(9),
content section:nth-of-type(2) div:nth-of-type(2)
{
  letter-spacing: .3rem;
}
content section:nth-of-type(2) div span{
  color:rgba(0,0,0,1);
  letter-spacing: 0px;
}
content section:nth-of-type(2) button{
  display: block;
  width:100%;
  text-align: center;
  line-height:3rem;
  background-color:rgba(0,0,0,.1);
  color:rgba(0,0,0,.8);
  border:none;
  margin-top:1rem;
}
content section:nth-of-type(2)  button span{
  color:rgba(65,45,200,1);
}



content section:nth-of-type(3) button
 {
  display: block;
  width:100%;
  text-align: center;
  line-height:3rem;
  background-color:rgba(0,0,0,.1);
  color:rgba(65,45,200,.8);
  border:none;
  margin-top:1rem;
}

content section:nth-of-type(4) h4
{
   font-size:1.2rem; 
   font-weight:600;
   line-height:2.6rem;

}
content section:nth-of-type(3) h4 a
{
   display: inline-block;
   font-size:1rem; 
   font-weight:400;
   color:rgba(0,0,0,.5);
   position:absolute;
   right:0px;
   
}

content section:nth-of-type(3) h4
{
  font-size:1.2rem; 
   font-weight:600;
   line-height:2.6rem;
   position:relative;
   display: block;
   width:100%;

}
content section:nth-of-type(3) .infrodiv
{
   display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -o-flex-wrap:wrap;
  justify-content: space-between;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  -o-justify-content:space-between;
  width:100%;

}
content section:nth-of-type(3) .infrodiv img,
content section:nth-of-type(3) .infrodiv div
{
  display: inline-block;
   width:48.5%;
   height:9rem;
  padding:.5rem 0px;
}
content section:nth-of-type(3) .infrodiv div a:nth-of-type(1)
{
  display: block;
  margin-bottom:1.5rem;
}
content section:nth-of-type(3) .infrodiv div a p:nth-of-type(1)
{
  font-size:1rem;
  color:rgba(0,0,0,0.5);
}
content section:nth-of-type(3) .infrodiv div a p:nth-of-type(2)
{
  font-size:1.1rem;
  color:rgba(0,0,0,1);
}
content section:nth-of-type(3) article div,
content section:nth-of-type(4) article a
{
  display: inline-block;
  width:48.5%;
  padding:.5rem 0px;

}
content section:nth-of-type(3) article div p:nth-of-type(1){
  color:rgba(0,0,0,.5);
  font-size:1rem;
  display: block;
  line-height: 2rem;
}
content section:nth-of-type(3) article div p:nth-of-type(2){
  color:rgba(0,0,0,1);
  font-size:1.1rem;
  display: block;
  line-height: 2rem;
}


content section:nth-of-type(4){
  margin-bottom:4rem;
}
content section:nth-of-type(4) a img{
  width:100%;
}
content section:nth-of-type(4) a  h5{
  font-size:1.1rem;

}
content section:nth-of-type(4) a  p:nth-of-type(1){
  font-size:1.1rem;
  color:rgba(65,45,200,.7); 
}
content section:nth-of-type(4) a  p:nth-of-type(1) span{
  font-size:.9rem;
  color:rgba(0,0,0,.7); 
}
content section:nth-of-type(4) a  p:nth-of-type(2){
  font-size:1rem;
  color:rgba(0,0,0,.7);
}
content footer{
  position:fixed;
  width:100%;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap:nowrap;
  -moz-flex-wrap:nowrap;
  -o-flex-wrap:nowrap;
  justify-content: space-around;
  -webkit-justify-content:space-around;
  -moz-justify-content:space-around;
  -o-justify-content:space-around;
  bottom:0px;
  left:0px;
  background-color:rgba(0,0,0,.6);
  height: 4rem;
}
content footer a{
  display:inline-block;
  background-color:black;
  color:white;
  line-height:3rem;
  width:45%;
  margin:.5rem 0px;
  text-align:center;
  box-sizing:border-box;
}